<template>
	<view>
		<span class="💀" data-content="📫" data-hover-content="📪" data-active-content="📬"></span>

	</view>
</template>

<script>
	export default {
		name: "button12",
		data() {
			return {

			};
		}
	}
</script>

<style scoped>
	/* From Uiverse.io by elijahgummer */
	.💀 {
		font-size: 48px;
	}

	.💀:after {
		content: attr(data-content);
	}

	.💀:hover:after {
		content: attr(data-hover-content);
	}

	.💀:active:after {
		content: attr(data-active-content);
	}
</style>